<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/jquery/jquery.js"></script>

</head>
<body>
    <input type="button" value="ajax" onclick="sendAjax()">
    <script>

        /* options的其它配置属性
                url:通过配置项的方式
                async:请求同步模式或异步模式设置; 默认值true 异步模式 ;
                timeout:设置请求超时时长(number - ms) ;
                statusCode:HTTP响应状态的详细定义 object:{ httpCode:function  } 
                beforeSend:请求发送前的处理函数 readyState=0 function(jqXHR,setting){} , 方法返回false会中断请求发送
                complete:请求完成后执行函数-不论错误还是成功   function(jqXHR,textStatus){} 
                dataFilter:响应数据拦截器方法，用于预处理数据  function(data,dataType){} 
        */
        function sendAjax(){
            $.ajax({
                url:"/jquery/async",
                // beforeSend:function(jqXHR,options){//请求发送前的处理函数
                //     let num=Math.random();
                //     console.log(num);
                //     return num>=0.5;
                // },
                async:true,
                statusCode:{
                    200:function(){
                        console.log("请求成功");
                    },
                    404:function(){
                        console.log("资源不存在");
                    },
                    500:function(){
                        console.log("服务器运行异常");
                    }
                },
                dataType:"text",

                //在请求响应数据后，在success方法执行之前对success的data数据进行提前处理
                dataFilter:function(result,dataType){
                    return result.split(",");
                },
                success:function(data){
                    console.log(data);
                },
                complete:function(jqXHR,textStatus){
                    // console.log(jqXHR,textStatus);
                    console.log("请求完成后的执行函数");
                }
            });
            console.log("====================");
        }

    </script>
</body>
</html>